// /* 
//     添加数据
//         1. 收集表单数据
//         2. 校验
//         3. 发送请求
// */
// function ok() {
//     // 1. 收集表单数据
//     const did = document.querySelector("#did").value
//     const username = document.querySelector("#username").value
//     const email = document.querySelector("#email").value
//     const address = document.querySelector("#address").value
//     const phone = document.querySelector("#phone").value
//     //  2. 校验
//     if (!(did && username && email && address && phone)) {
//         return alert("请输入完整的数据");
//     }
//     // 3. 发送请求
//     Ajax({
//         type: "POST",
//         url: "http://localhost/item/lin/server/orderAdd.php",
//         data: {
//             did,
//             username,
//             email,
//             address,
//             phone
//         },
//         success() {
//             location.reload();
//         }
//     })
// }


function getOrderInfo() {
    Ajax({
        url: "http://localhost/lin/server/order.php",
        success(msg) {
            /* 当前页是第一页 */ 
            sessionStorage.setItem("currentPage", 1)
            // console.log(data);
            //将data数据存储到storage
            sessionStorage.setItem("orderInfo", msg)
            //将数据转换成对象
            msg = JSON.parse(msg);
            // 一页显示10行数
            msg = msg.slice(0, 10)
            //  console.log(studentObj);
            renderPage(msg);
        }
    })
}
getOrderInfo();

function renderPage(msg) {
    //渲染的工作
    //1. 获取tbody
    const tbody = document.querySelector("tbody")
    tbody.innerHTML = "";
    msg.forEach((item, index) => {
        let str = `
        <tr>
        <td>${item.did} </td>
        <td>${item.username} </td>
        <td>${item.email} </td>
        <td>${item.address} </td>
        <td>${item.phone} </td>
        <td>
        <button type="button" class="btn btn-outline btn-sm"   data-id=${item.did}  >详情</button>
        <button type="button" class="btn btn-outline btn-sm" id="del" data-did=${item.did}>删除</button>
    </td>
    </tr>
        `
        tbody.innerHTML += str;
    });
}
$('tbody ').click(function(e){
  //  console.log(e.target);
    let a1 = e.target.dataset.id
    sessionStorage.setItem('orderId',a1)
    location.href = '../html/Orderdetails.html'
})
//删除操作
const tbody = document.querySelector("tbody")
tbody.addEventListener("click", function (e) {
    //删除操作
    if (e.target.id == 'del') {
        //防止误删
        const result = confirm("确认删除吗?")
        //根据ID进行删除
        if (result) {
            Ajax({
                url: "http://localhost/lin/server/orderDelete.php",
                data: {
                    did: e.target.dataset.did
                },
                //    console.log( e.target.dataset.did);
                success(data) {
                    location.reload();
                }
            })
        }
    }
})
/* 
    分页操作
*/
/* 
    首页
        1. sessStorage里面存储的pageCurrent = 1
        2. 获取第一页的数据,将第一页渲染数据
*/
function first() {
    //将分页的页数修改成第一页
    sessionStorage.setItem("currentPage", 1)
    //将第一页的数据获取到,渲染
    let orderInfo = sessionStorage.getItem("orderInfo")
    //转换成对象
    orderInfo = JSON.parse(orderInfo).slice(0, 10)
    //将这10条数据给渲染
    renderPage(orderInfo);
}
//实现尾页
/* 
   1. 获取所有的订单数据
   2. 计算总共有多少页,将尾页存储到storage里面
   3. 获取后10条数据,准备渲染页面
*/
function last(){
    //解除首页的禁用
    // $("#first").css("cursor","auto")
    // $("#first").attr("disabled",false)

    //1. 获取所有的订单数据
    let orderInfo = sessionStorage.getItem("orderInfo")
    //2. 计算总共有多少页
    orderInfo = JSON.parse(orderInfo)
    const pageCurrent = Math.ceil(orderInfo.length/10)
    //3. 将总共的页存储到storage里面
    sessionStorage.setItem("pageCurrent",pageCurrent)
    //4. 获取后10条数据,准备渲染页面

    //将最后一页的数据计算出来
    if(orderInfo.length % 10 != 0){
        orderInfo = orderInfo.slice(Math.floor(orderInfo.length / 10) * 10,orderInfo.length)
    }else{
        orderInfo =orderInfo.slice(Math.floor(orderInfo.length / 10 -1) * 10,orderInfo.length)
    }
    //渲染页面
    renderPage(orderInfo)
}

/* 
    上一页
        1. 获取当前页
        2. 当前页-1 不能小于1,如果小于,那么就等于1
        3. 获取当前页是数据
            slice(当前页*10,当前*10+10)
*/
function up() {
    //获取当前页
    let currentPage = +sessionStorage.getItem("currentPage")
    //当前页不能小于1页
    currentPage = currentPage - 1;
    if (currentPage < 1) currentPage = 1;
    sessionStorage.setItem("currentPage", currentPage)
    //计算出当前页的数据
    let orderInfo = sessionStorage.getItem("orderInfo")
    orderInfo = JSON.parse(orderInfo).slice((currentPage - 1) * 10, currentPage * 10)
    //渲染数据
    renderPage(orderInfo)
}
/* 
    下一页
        1. 获取当前页
        2. 当前页+1,当前页不能大于最后一页
        3. 获取当前页的数据
        4. 渲染页面
*/
function down() {
    //获取当前页
    let currentPage = +sessionStorage.getItem("currentPage")
    //计算出当前页的数据
    let orderInfo = sessionStorage.getItem("orderInfo")
    orderInfo = JSON.parse(orderInfo)
    //当前页不能大于尾页
    currentPage = currentPage + 1;
    if (currentPage > Math.ceil(orderInfo.length / 10)) currentPage = Math.ceil(orderInfo.length / 10);
    //计算出当前页的数据
    sessionStorage.setItem("currentPage", currentPage)
    orderInfo = orderInfo.slice((currentPage - 1) * 10, currentPage * 10)
    renderPage(orderInfo)
}
/* 
    根据名字进行模糊查询
*/
function queryLikeName(){
    /* 
        1. 获取用户输入的名字
        2. 判断名字不为空
        3. 发送ajax获取数据,渲染
        */
//    1. 获取用户输入的名字
    const likeName = $("#likeName").val()
//    2. 非空判断
    if(likeName.trim().length == 0){
        return alert("请输入名字")
    }
//    3. 发送ajax,获取数据
    $.ajax({
        url:"http://localhost/lin/server/orderQueryLikeName.php",
        data:{username:likeName},
        success(msg){
            if(msg == '[]'){
                alert("查无此人!")
                $("#likeName").val("")
            }else{
                //将数据存储到Storage里面
                sessionStorage.setItem("orderInfo",msg)
                //将msg转化对象
                let orderInfo = JSON.parse(msg)
                //获取前10条数据
                orderInfo = orderInfo.slice(0,10)
                //当前页是第一页
                sessionStorage.setItem("pageCurrent",1)
                //渲染数据
                renderPage(orderInfo)
            }
        }
    })    
}
